<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{% block header_title %}首页{% end %}</title>
    <link rel="icon" href="/favicon.ico">
    <link rel="stylesheet" href="{{ static_url('assets/css/bootstrap.min.css') }}" />
    <link rel="stylesheet" href="{{ static_url('assets/css/font-awesome.min.css') }}" />
    <link rel="stylesheet" href="{{ static_url('assets/css/animate.css') }}" />
    <link rel="stylesheet" href="{{ static_url('site/css/commons.css') }}" />
    <link rel="stylesheet" href="{{ static_url('site/css/index.css') }}" />
    <!--[if lt IE 9]>
        <script src="js/ie/html5.js"></script>
        <script src="js/ie/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="main">
        <nav class="navbar navbar-default navbar-fixed-top nav-main" id="nav">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                </div>
                <div class="collapse navbar-collapse">
                    <div class="navbar-form navbar-right" role="search">
                        {%if current_user and current_user['power'] is not 20%}
                        <a class="btn btn-link" href="/home">{{current_user['username']}}</a>
                        <a class="btn btn-link" href="/auth/signout">登出</a> {%else%}
                        <a class="btn btn-link" href="/auth/signin">登录</a>
                        <a class="btn btn-link" href="/auth/signup">注册</a> {%end%}
                    </div>
                </div>
            </div>
        </nav>
        <div id="index">
            <header class="header-index">
                <div class="header-container">
                    <h1>数字医疗-大数据科研协作平台</h1>
                    <h2>将应用弹性做到极致</h2>
                    <h3>Digital Medicine</h3>
                    <footer><a href="#product-feature"><i class="fa fa-angle-down scroll-down"></i></a></footer>
                </div>
            </header>
            <section class="feature" id="product-feature">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="media">
                                <div class="media-left"><i class="fa fa-hand-o-up"></i></div>
                                <div class="media-body">
                                    <h4 class="media-heading">轻量入门</h4>
                                    <p class="media-content">界面简单友好，无需复杂的学习</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="media">
                                <div class="media-left"><i class="fa fa-plus-square"></i></div>
                                <div class="media-body">
                                    <h4 class="media-heading">使用安全</h4>
                                    <p class="media-content">数据本身处于一种安全的环境之中，双重审核机制保证使用安全</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="media">
                                <div class="media-left"><i class="fa fa-arrows"></i></div>
                                <div class="media-body">
                                    <h4 class="media-heading">服务多样</h4>
                                    <p class="media-content">系统平台虚拟机预装多种分析软件，最大化为您提供所需要的服务</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="media">
                                <div class="media-left"><i class="fa fa-check-square-o"></i></div>
                                <div class="media-body">
                                    <h4 class="media-heading">运维简单</h4>
                                    <p class="media-content">用户分层，管理使用相隔离，更助于系统维护</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="media">
                                <div class="media-left"><i class="fa fa-indent"></i></div>
                                <div class="media-body">
                                    <h4 class="media-heading">多元化数据分析</h4>
                                    <p class="media-content">用户可自行选择所需分析的数据类型，保证分析的多元化</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="media">
                                <div class="media-left"><i class="fa fa-floppy-o"></i></div>
                                <div class="media-body">
                                    <h4 class="media-heading">资源共享</h4>
                                    <p class="media-content">系统分析的结果可以实时共享，包括打印下载，保证用户使用的便利</p>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="text-center"><a data-ui-sref="product" class="btn btn-primary" href="/home">了解详情 <i class="fa fa-arrow-circle-o-right"></i></a></div>
                </div>
            </section>
        </div>
    </div>
    <script src="{{static_url('assets/js/jquery.min.js')}}" type="text/javascript"></script>
    <script src="{{static_url('site/js/index.js')}}" type="text/javascript"></script>
</body>

</html>
